.loader {
    width: fit-content;
    font-size: 80px;
    line-height: 1.5;
    font-family: system-ui, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: transparent; /* 文字颜色透明 */
    -webkit-text-stroke: 1px #000; /* 文字描边 */
    background: radial-gradient(1.13em at 50% 1.6em, #000 99%, #0000 101%) calc(50% - 1.6em) 0 / 3.2em 100%,
    radial-gradient(1.13em at 50% -0.8em, #0000 99%, #000 101%) 50% 0.8em / 3.2em 100%;
    background-repeat: repeat-x;
    background-clip: text;
    animation: l9 2s linear infinite;
}

.dark .loader {
    width: fit-content;
    font-size: 80px;
    line-height: 1.5;
    font-family: system-ui, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: transparent; /* 文字颜色透明 */
    -webkit-text-stroke: 1px #000; /* 文字描边 */
    background: radial-gradient(1.13em at 50% 1.6em, #fff 99%, #0000 101%) calc(50% - 1.6em) 0 / 3.2em 100%,
    radial-gradient(1.13em at 50% -0.8em, #0000 99%, #000 101%) 50% 0.8em / 3.2em 100%;
    background-repeat: repeat-x;
    background-clip: text;
    animation: l9 1.5s linear infinite;
}

.loader::before {
    content: "MKBK";
}

@keyframes l9 {
    to {
        background-position: calc(50% + 1.6em) 0, calc(50% + 3.2em) 0.8em;
    }
}